Conditions | 1 |
Paths | 24 |
Total Lines | 271 |
Lines | 0 |
Ratio | 0 % |
Changes | 0 |
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
1 | // make sure ajaxurl is defined |
||
7 | jQuery(function($) { |
||
8 | var valid = false; |
||
9 | $('#wpinv_checkout_form').on('submit', function(e) { |
||
10 | var $form = $(this).closest('#wpinv_checkout_form'); |
||
11 | $('.wpinv_errors').remove(); |
||
12 | if (valid) { |
||
13 | return true; |
||
14 | } |
||
15 | var fields = ['first_name', 'email', 'address', 'city', 'country', 'state']; |
||
16 | var err = []; |
||
17 | $.each(fields, function(i, field) { |
||
18 | if ($('#wpinv_' + field).length && !$('#wpinv_' + field).val()) { |
||
19 | err.push(field); |
||
20 | } |
||
21 | }); |
||
22 | if (err && err.length > 0) { |
||
23 | $('#wpinv_' + err[0]).focus(); |
||
24 | return false; |
||
25 | } else { |
||
26 | e.preventDefault(); |
||
27 | wpinvBlock($form); |
||
28 | var data = $form.serialize(); |
||
29 | data = wpinvRemoveQueryVar(data, 'action'); |
||
30 | data = wpinvRemoveQueryVar(data, 'wpinv_ajax'); |
||
31 | $.post(ajaxurl, data + '&action=wpinv_checkout', function(res) { |
||
32 | if (res && typeof res == 'object' && res.success) { |
||
33 | valid = true; |
||
34 | var data = new Object(); |
||
35 | data.form = $form; |
||
36 | data.totals = res.data; |
||
37 | jQuery('body').trigger('wpinv_checkout_submit', data); |
||
38 | if (window.wpiSubmit) { |
||
39 | $form.submit(); |
||
40 | } |
||
41 | } else { |
||
42 | $form.unblock(); |
||
43 | if (res && res.search("wpinv_adddress_confirm") !== -1) { |
||
44 | $('#wpinv_adddress_confirm').show(); |
||
45 | } |
||
46 | $('#wpinv_purchase_submit', $form).before(res); |
||
47 | } |
||
48 | }); |
||
49 | } |
||
50 | return false; |
||
51 | }); |
||
52 | var elB = $('#wpinv-fields'); |
||
53 | $('#wpinv_country', elB).change(function(e) { |
||
54 | $('.wpinv_errors').remove(); |
||
55 | wpinvBlock(jQuery('#wpinv_state_box')); |
||
56 | var $this = $(this); |
||
57 | data = { |
||
58 | action: 'wpinv_get_states_field', |
||
59 | country: $(this).val(), |
||
60 | field_name: 'wpinv_state', |
||
61 | }; |
||
62 | $.post(ajaxurl, data, function(response) { |
||
63 | if ('nostates' === response) { |
||
64 | var text_field = '<input type="text" required="required" class="wpi-input required" id="wpinv_state" name="wpinv_state">'; |
||
65 | $('#wpinv_state', elB).replaceWith(text_field); |
||
66 | } else { |
||
67 | $('#wpinv_state', elB).replaceWith(response); |
||
68 | var changeState = function() { |
||
69 | console.log('69 : wpinv_recalculate_taxes(' + $(this).val() + ')'); |
||
70 | wpinv_recalculate_taxes($(this).val()); |
||
71 | }; |
||
72 | $("#wpinv_state").unbind("change", changeState); |
||
73 | $("#wpinv_state").bind("change", changeState); |
||
74 | } |
||
75 | $('#wpinv_state', elB).find('option[value=""]').remove(); |
||
76 | $('#wpinv_state', elB).addClass('form-control wpi-input required'); |
||
77 | }).done(function(data) { |
||
78 | jQuery('#wpinv_state_box').unblock(); |
||
79 | console.log('78 : wpinv_recalculate_taxes()'); |
||
80 | wpinv_recalculate_taxes(); |
||
81 | }); |
||
82 | return false; |
||
83 | }); |
||
84 | $('select#wpinv_state', elB).change(function(e) { |
||
85 | $('.wpinv_errors').remove(); |
||
86 | console.log('86 : wpinv_recalculate_taxes()'); |
||
87 | wpinv_recalculate_taxes($(this).val()); |
||
88 | }); |
||
89 | var WPInv_Checkout = { |
||
90 | checkout_form: $('form#wpinv_checkout_form'), |
||
91 | init: function() { |
||
92 | if (!$(this.checkout_form).length) { |
||
93 | return; |
||
94 | } |
||
95 | // Payment methods |
||
96 | this.checkout_form.on('click', 'input[name="wpi-gateway"]', this.payment_method_selected); |
||
97 | this.init_payment_methods(); |
||
98 | //this.recalculate_taxes(); |
||
99 | }, |
||
100 | init_payment_methods: function() { |
||
101 | var $checkout_form = this.checkout_form; |
||
102 | var $payment_methods = $('.wpi-payment_methods input[name="wpi-gateway"]'); |
||
103 | // If there is one method, we can hide the radio input |
||
104 | if (1 === $payment_methods.length) { |
||
105 | $payment_methods.eq(0).hide(); |
||
106 | } |
||
107 | // If there are none selected, select the first. |
||
108 | if (0 === $payment_methods.filter(':checked').length) { |
||
109 | $payment_methods.eq(0).prop('checked', true); |
||
110 | } |
||
111 | // Trigger click event for selected method |
||
112 | $payment_methods.filter(':checked').eq(0).trigger('click'); |
||
113 | // Validate and apply a discount |
||
114 | $checkout_form.on('click', '#wpi-apply-discount', this.applyDiscount); |
||
115 | // Prevent the checkout form from submitting when hitting enter key in the discount field |
||
116 | $checkout_form.on('keypress', '#wpinv_discount_code', function(event) { |
||
117 | if (event.keyCode == '13') { |
||
118 | return false; |
||
119 | } |
||
120 | }); |
||
121 | // Apply the discount when hitting enter key in the discount field instead |
||
122 | $checkout_form.on('keyup', '#wpinv_discount_code', function(event) { |
||
123 | if (event.keyCode == '13') { |
||
124 | $('#wpi-apply-discount', $checkout_form).trigger('click'); |
||
125 | } |
||
126 | }); |
||
127 | // Remove a discount |
||
128 | $(document.body).on('click', '.wpi-discount-remove', this.removeDiscount); |
||
129 | }, |
||
130 | payment_method_selected: function() { |
||
131 | if ($('.wpi-payment_methods input.wpi-pmethod').length > 1) { |
||
132 | var target_payment_box = $('div.payment_box.' + $(this).attr('ID')); |
||
133 | if ($(this).is(':checked') && !target_payment_box.is(':visible')) { |
||
134 | $('div.payment_box').filter(':visible').slideUp(250); |
||
135 | if ($(this).is(':checked')) { |
||
136 | var content = $('div.payment_box.' + $(this).attr('ID')).html(); |
||
137 | content = content ? content.trim() : ''; |
||
138 | if (content) { |
||
139 | $('div.payment_box.' + $(this).attr('ID')).slideDown(250); |
||
140 | } |
||
141 | } |
||
142 | } |
||
143 | } else { |
||
144 | $('div.payment_box').show(); |
||
145 | } |
||
146 | $('#wpinv_payment_mode_select').attr('data-gateway', $(this).val()); |
||
147 | if ($(this).data('button-text')) { |
||
148 | $('#wpinv-payment-button').val($(this).data('button-text')); |
||
149 | } else { |
||
150 | $('#wpinv-payment-button').val($('#wpinv-payment-button').data('value')); |
||
151 | } |
||
152 | }, |
||
153 | applyDiscount: function(e) { |
||
154 | e.preventDefault(); |
||
155 | var $this = $(this), |
||
156 | $box = $this.closest('.panel-body'), |
||
157 | discount_code = $('#wpinv_discount_code', $box).val(), |
||
158 | $msg = $('.wpinv-discount-msg', $box), |
||
159 | $msgS = $('.alert-success', $msg), |
||
160 | $msgF = $('.alert-error', $msg); |
||
161 | if (discount_code == '') { |
||
162 | $('#wpinv_discount_code', $box).focus(); |
||
163 | return false; |
||
164 | } |
||
165 | var data = { |
||
166 | action: 'wpinv_apply_discount', |
||
167 | code: discount_code, |
||
168 | _nonce: WPInv.nonce |
||
169 | }; |
||
170 | $('.wpinv_errors').remove(); |
||
171 | $msg.hide(); |
||
172 | $msgS.hide().find('.wpi-msg').html(''); |
||
173 | $msgF.hide().find('.wpi-msg').html(''); |
||
174 | wpinvBlock($box); |
||
175 | $.ajax({ |
||
176 | type: "POST", |
||
177 | data: data, |
||
178 | dataType: "json", |
||
179 | url: WPInv.ajax_url, |
||
180 | xhrFields: { |
||
181 | withCredentials: true |
||
182 | }, |
||
183 | success: function(res) { |
||
184 | wpinvUnblock($box); |
||
185 | var success = false; |
||
186 | if (res && typeof res == 'object') { |
||
187 | if (res.success) { |
||
188 | success = true; |
||
189 | jQuery('#wpinv_checkout_cart_form', $this.checkout_form).replaceWith(res.data.html); |
||
190 | jQuery('.wpinv-chdeckout-total').text(res.data.total); |
||
191 | $('#wpinv_discount_code', $box).val(''); |
||
192 | //console.log('217 : wpinv_recalculate_taxes()'); |
||
193 | //wpinv_recalculate_taxes(); |
||
194 | if (res.data.free) { |
||
195 | $('#wpinv_payment_mode_select', $this.checkout_form).hide(); |
||
196 | gw = 'manual'; |
||
197 | } else { |
||
198 | $('#wpinv_payment_mode_select', $this.checkout_form).show(); |
||
199 | gw = $('#wpinv_payment_mode_select', $this.checkout_form).data('gateway'); |
||
200 | } |
||
201 | $('input[name="wpi-gateway"]', $this.checkout_form).val(gw); |
||
202 | $(document.body).trigger('wpinv_discount_applied', [res]); |
||
203 | } |
||
204 | if (res.msg) { |
||
205 | $msg.show(); |
||
206 | if (success) { |
||
207 | $msgS.show().find('.wpi-msg').html(res.msg); |
||
208 | } else { |
||
209 | $msgF.show().find('.wpi-msg').html(res.msg); |
||
210 | } |
||
211 | } |
||
212 | } |
||
213 | } |
||
214 | }).fail(function(res) { |
||
215 | wpinvUnblock($box); |
||
216 | if (window.console && window.console.log) { |
||
217 | console.log(res); |
||
218 | } |
||
219 | }); |
||
220 | return false; |
||
221 | }, |
||
222 | removeDiscount: function(e) { |
||
223 | e.preventDefault(); |
||
224 | var $this = $(this), |
||
225 | $block = $this.closest('#wpinv_checkout_cart_wrap'), |
||
226 | discount_code = $this.data('code'); |
||
227 | if (discount_code == '') { |
||
228 | return false; |
||
229 | } |
||
230 | var data = { |
||
231 | action: 'wpinv_remove_discount', |
||
232 | code: discount_code, |
||
233 | _nonce: WPInv.nonce |
||
234 | }; |
||
235 | wpinvBlock($block); |
||
236 | $.ajax({ |
||
237 | type: "POST", |
||
238 | data: data, |
||
239 | dataType: "json", |
||
240 | url: WPInv.ajax_url, |
||
241 | xhrFields: { |
||
242 | withCredentials: true |
||
243 | }, |
||
244 | success: function(res) { |
||
245 | if (res && typeof res == 'object') { |
||
246 | if (res.success) { |
||
247 | jQuery('#wpinv_checkout_cart_form', $this.checkout_form).replaceWith(res.data.html); |
||
248 | jQuery('.wpinv-chdeckout-total').text(res.data.total); |
||
249 | if (res.data.free) { |
||
250 | $('#wpinv_payment_mode_select', $this.checkout_form).hide(); |
||
251 | gw = 'manual'; |
||
252 | } else { |
||
253 | $('#wpinv_payment_mode_select', $this.checkout_form).show(); |
||
254 | gw = $('#wpinv_payment_mode_select', $this.checkout_form).data('gateway'); |
||
255 | } |
||
256 | $('input[name="wpi-gateway"]', $this.checkout_form).val(gw); |
||
257 | //console.log('291 : wpinv_recalculate_taxes()'); |
||
258 | //wpinv_recalculate_taxes(); |
||
259 | $(document.body).trigger('wpinv_discount_removed', [res]); |
||
260 | } |
||
261 | } |
||
262 | } |
||
263 | }).fail(function(res) { |
||
264 | wpinvUnblock($block); |
||
265 | if (window.console && window.console.log) { |
||
266 | console.log(res); |
||
267 | } |
||
268 | }); |
||
269 | return false; |
||
270 | }, |
||
271 | recalculate_taxes: function() { |
||
272 | console.log('308 : wpinv_recalculate_taxes()'); |
||
273 | wpinv_recalculate_taxes(); |
||
274 | } |
||
275 | } |
||
276 | WPInv_Checkout.init(); |
||
277 | }); |
||
278 | |||
326 | } |
This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed.
To learn more about declaring variables in Javascript, see the MDN.